<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%   
    String basePath = request.getContextPath() + "/";   
%>  
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script type="text/javascript" src="js/jquery-1.8.2.min.js" ></script>
<script type="text/javascript" src="js/ie_html5.js" ></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/slider.js"></script>
<script type="text/javascript" src="js/comm.js"></script>
<script type="text/javascript" src="js/login.js"></script>
<!--  <script type = "text/javascript" src = "js/checkCode.js"></script>-->
<style type="text/css">
.top_menu_box {
    width: 100%;
    background: #fff;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}
#igm {
    position: relative;
    height: 410px;
    width: 100%;
    overflow: hidden;
}
.banner_ig {
    position: absolute;
    margin-left: -960px;
    left: 50%;
}
.dott {
    position: absolute;
    left: 50%;
    margin-left: -24px;
    bottom: 10px;
    z-index: 200;
}
.login_big_box {
    width: 1000px;
    height: 410px;
    margin: 0 auto;
    position: relative;
}
.clearfix {
    clear: both;
}
.display_kj_margin {
    margin-right: 77px;
}
.display_kj_margin {
    margin-right: 77px;
}
.display_kj {
    float: left;
    border: 1px solid #d9d9d9;
    width: 280px;
    height: 330px;
    cursor: pointer;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select {
    margin: 0;
    padding: 0;
    font-weight: normal;
}
.login_box {
    width: 310px;
    min-height: 270px;
    position: absolute;
    background: rgba(255,255,255,0.8);
    z-index: 100;
    right: 0;
    top: 50%;
    margin-top: -170px;
    padding: 30px 15px;
}
.login_user_name, .login_pass_word {
    width: 309px;
    height: 49px;
    border-top: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    background: #fff;
    margin-top: 10px;
}
.wrong_tit {
    color: #e61e1e;
}
* {
    font-size: 14px;
    color: #222222;
    font-family: "Microsoft YaHei","Arial Narrow",HELVETICA;
    -webkit-text-size-adjust: 100%;
}
.login_btn {
    width: 310px;
    height: 48px;
    border: 1px solid #0065b3;
    background: #0082e6;
    text-align: center;
    color: #fff;
    line-height: 50px;
    font-size: 16px;
    margin-top: 20px;
    cursor: pointer;
}
.dispaly_icon1, .dispaly_icon2, .dispaly_icon3 {
    width: 100px;
    height: 100px;
    background: url(images/img01.png) no-repeat -210px -220px;
    margin-top: 60px;
    margin-left: 90px;
}
.display_kj h1 {
    font-size: 16px;
    margin-top: 25px;
}
.display_kj h2 {
    margin-top: 15px;
    line-height: 24px;
    color: #808080;
}
.dispaly_icon2 {
    background-position: -314px -220px;
}
.display_kj_box {
    width: 1000px;
    margin: 50px auto;
}
.footer {
    width: 100%;
    text-align: center;
    background: #fff;
    line-height: 60px;
    border-top: 1px solid #d9d9d9;
    margin-top: 50px;
}
.top_menu_bz, .top_menu_line, .top_menu_kf {
    float: left;
    line-height: 70px;
}
.top_menu_a .logo {
    float: left;
    width: 210px;
    height: 70px;
    background: url(images/img01.png) no-repeat 10px -20px;
    cursor: pointer;
}
.top_menu {
    float: right;
}
.top_menu_a {
    margin: 0 auto;
    width: 1000px;
}
.top_menu_line {
    width: 1px;
    height: 14px;
    background: #d9d9d9;
    margin: 30px 15px;
}
.user_icon, .pass_icon {
    width: 23px;
    height: 49px;
    background: url(images/img01.png) no-repeat -40px -208px;
    margin: 0 20px;
    float: left;
}
.pass_icon {
    background-position: -127px -208px;
}
.top_input {
    width: 230px;
    line-height: 32px;
    height: 32px;
    margin-top: 8px;
    float: left;
}
.login_code1 {
    width: 100px;
    height: 32px;
    border-top: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    background: #fff;
    padding: 4px 10px;
}
.login_code1 input {
    width: 100px;
    height: 32px;
    line-height: 32px;
}
.login_code2 {
    margin-left: 10px;
    cursor: pointer;
}
.login_code1, .login_code2, .code_cha {
    float: left;
}
.code_cha {
    margin-left: 20px;
    line-height: 40px;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
.login_tishi_l {
    float: left;
    cursor: pointer;
}
.login_tishi {
    margin-top: 10px;
}
.login_tishi_r {
    float: right;
}
input {
    margin: 0;
    padding: 0;
    outline: none;
    background: none;
    border: none;
}
img {
    border: 0;
    vertical-align: middle;
}
.code_cha {
    margin-left: 20px;
    line-height: 40px;
}
.dott {
    position: absolute;
    left: 50%;
    margin-left: -24px;
    bottom: 10px;
    z-index: 200;
}
.dot {
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 50%;
    margin: 8px;
    float: left;
    color: white;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
}
.dot_cur {
    background: #0082e6;
}
.display_kj h1, .display_kj h2 {
    text-align: center;
}
</style>
<title>Vue</title>
<script type="text/javascript">
function chklogon(){
	var VER_CD=$("#VER_CD").val().toLowerCase();
	$("#VER_CD").val=VER_CD;
};
$(function(){
	var flag = '${flag}';
	if(flag=='wrong'){
		alert("验证码错误!")
	}
});
</script>
</head>
<body>
<!--头部star-->
<div class="top_menu_box">
	<div class="top_menu_a clearfix">
    	<div class="logo"></div>
        <div class="top_menu">
        	<a class="top_menu_bz"  href="/mweb/help/help_1.jsp">帮助中心</a>
            <div class="top_menu_line"></div>
            <div class="top_menu_kf">客服电话：0755-1524367</div>
        </div>
    </div>
</div>
<!--banner star-->
<div id="igm">
	<div class="banner_ig" ><img src="images/banner01.jpg" id="dd"/></div>
	<div class="banner_ig"><img src="images/banner02.jpg"/></div>
	<div class="dott">
		<div class="dot dot_cur"></div>
	    <div class="dot"></div>
	</div>
	<!--登录框star-->
    <div class="login_big_box">
    	<div class="login_box">
    	  <form class="form" method="post" name="accountForm" id="accountForm" action="index/login">
        	<div class="wrong_tit">
        	 <p class="error_login" id="showError">
      <c:if test="${not empty ETF.GWA.MSG_INF}">
         <span class="error">                                                                								
	     </span>
	  </c:if>  
        </p>
          	</div>
              <div class="login_user_name clearfix">
                
                  <div class="user_icon"></div>                
                  <input type="text" class="top_input" placeholder="登录名"  tabindex="1" name="USR_ID" id="USR_ID" value=""  onkeyup="this.value=this.value.replace(' ','')"/>
            </div>
            <div class="login_pass_word clearfix">
                <div class="pass_icon"></div>
                <input type="password" class="top_input" placeholder="登录密码"  name="USR_PWD" id="USR_PWD"/>
            </div>
            <div class="login_code_box clearfix">
            	<div class="login_code1">       	 
                	 <input type="text" placeholder="验证码"  class="input w160 " size="10" name="VER_CD" id="VER_CD" maxlength="4" tabindex="3"/>
                </div>
                 <!-- cursor: pointer;鼠标放上显示手;   title:鼠标放上时显示的文字 --> 
                	<div class="login_code2"><img id="imageCode" alt="" src="" onclick="checkcode()" style="cursor: pointer;" title="点我更换验证码"/></div>
                	<a href="javascript:void(0);" class="code_cha" onclick="checkcode()">换一张</a>   
                <!-- <div class="login_code2"> <img id="divCode" class="checkcode-img" src="/WEB-INF/jsp/codeImage.jsp" title="点击图片刷新校验码" alt="点击图片刷新校验码" onclick="updateCode()"/></div>
                <a href="javascript:void(0);" class="code_cha" onclick="updateCode()">换一张</a> -->  
            </div>
            <div class="login_tishi clearfix">
            	<div class="login_tishi_l">
                	<h1>
                    	<div class="login_tishi_chos display_none"></div>
                    </h1>
                	<h2>记住帐号</h2>
                </div>
                <a href="#" class="login_tishi_r">忘记密码？</a>
            </div>
            <div class="login_btn">
              <p>            
                 <input type="submit" class="btn bg_8" onclick="chklogon()" id="login1" value="登录"  style="width:310px;height:48px;line-height: 40px;font-size: 16px;color:#fff;"/>
              </p>
                 <input type="hidden" id="LOG_TYP" name="LOG_TYP" value="COMMON" />
                 <input type="hidden" id="USR_FLG" name="USR_FLG" value="person" />
             </div>
           </form>
         </div>
    </div>
    <!--登录框end-->
</div>
<!--banner end-->
<!--展示区star-->
<div class="display_kj_box clearfix">
	<div class="display_kj display_kj_margin">
    	<div class="dispaly_icon1"></div>
        <h1>秒结算</h1>
        <h2>加急提现，即时到账，支持账户<br/>余额实时结算到卡</h2>
    </div>
    <div class="display_kj display_kj_margin">
    	<div class="dispaly_icon2"></div>
        <h1>系统易操作</h1>
        <h2>简单易用，系统智能化，人性<br/>化，财务对账方便</h2>
    </div>
    <div class="display_kj">
    	<div class="dispaly_icon3"></div>
        <h1>7*24小时客服</h1>
        <h2>“全面、专业、快速”的技术支持<br/>团队为您提供7*24小时技<br/>术和业务咨询服务</h2>
    </div>
</div>
<!--展示区end-->
<%@ include file="/WEB-INF/jsp/public_foot.jsp"%>
</body>
<script type="text/javascript">  
var basePath = "<%=basePath%>";  
$(function(){  
    checkcode();  
});  
function checkcode(){  
    var XMLHttp = null;  
    if (window.XMLHttpRequest) {  
        XMLHttp = new XMLHttpRequest()  
    } else if (window.ActiveXObject) {  
        XMLHttp = new ActiveXObject("Microsoft.XMLHTTP");  
    }  
    XMLHttp.onreadystatechange = function() {  
        if (XMLHttp.readyState == 4) {  
            document.getElementById("imageCode").src = basePath  
                    + "index/getImage?" + new Date();//改变验证码图片    
        }  
    }  
    //将请求发送出去    
    //加上new Date()防止浏览器缓存，不重新发送请求  
    XMLHttp.open("GET", basePath + "index/getImage?" + new Date(), true);  
    XMLHttp.send(null);  
}  
</script>  
</html>